import Link from 'next/link';

export const Header = () => {
  return (
    <header className="py-6 px-4 md:px-6 border-b border-gray-200 dark:border-gray-800">
      <div className="container mx-auto flex items-center justify-between">
        <Link href="/" className="flex items-center gap-2" prefetch={false}>
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="24"
            height="24"
            viewBox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            strokeWidth="2"
            strokeLinecap="round"
            strokeLinejoin="round"
            className="w-6 h-6"
          >
            <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path>
          </svg>
          <span className="text-lg font-semibold">Alan Snippet</span>
        </Link>
        <Link href="/new" className="bg-blue-500 hover:bg-blue-600 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-300" prefetch={false}>
          Create Snippet
        </Link>
      </div>
    </header>
  );
};